<style>
  page {
    background-color: #f4f4f4;
  }

  .container {
    text-align: center;
    color: #666;
    height: 100%;
  }
</style>

<template>
  <scroll-view class="container" :scroll-y="true">
    <search-input></search-input>
    <banner></banner>
    <data-overview></data-overview>
    <todo-task></todo-task>
    <fund-center></fund-center>
  </scroll-view>
</template>

<script>
  import searchInput from '../../components/search-input/index';
  import banner from '../../components/banner/index';
  import dataOverview from '../../components/data-overview/index';
  import todoTask from '../../components/todo-task/index';
  import fundCenter from '../../components/fund-center/index';
  export default {
    components: {
      'search-input': searchInput,
      'banner': banner,
      'todo-task': todoTask,
      'data-overview': dataOverview,
      'fund-center': fundCenter,
    },
    data() {
      return {
        // initial data
      };
    },
  };
</script>
